﻿@using xConnected.Common.ExpertProfile
<div class="modal-wide hide fade" id="AdvancedSearch" style="display: none;" >
    <div class="modal-header">  
        <div class="breadcrumb" style="margin-top: 10px; margin-bottom: 10px">
            <h3>@Resources.AdvancedSearch</h3>
        </div>
    </div> 
    <div class="modal-body">
   
         <div class="row">
                 <span class="span3"><strong>@Resources.Keywords</strong></span>
          </div>
         <div class="row">
                 <input class="span3" type="text" data-bind="value: keywordsProfile" style="margin-left: 28px"/>
         </div>
         <div class="row">
                <span class="span3"><strong>@Resources.Name</strong></span>
                <span class="span3"><strong>@Resources.Location</strong></span>
                <span class="span3"><strong>@Resources.AvailabilityStatus</strong></span>
         </div>
          <div class="row">
               <input class="span3" type="text" data-bind="value: nameProfile" style="margin-left: 28px"/>
               <input class="span3" type="text" data-bind="value: locationProfile" style="margin-left: 28px"/>
                <select class="span3" data-bind="value: availabilityStatusProfile" style="margin-left: 28px">
                        <option value="0"></option>
                        <option value="1">@Resources.Available</option>
                        <option value="2">@Resources.NotAvailable</option>
                        <option value="3">@Resources.PartlyAvailable</option>
                </select>
         </div>
         <div class="row">
                <span class="span3"><strong>@Resources.EmploymentType</strong></span>
                <span class="span2"><strong>@Resources.HourRate</strong></span>
                 <span class="span2"><strong>@Resources.DayRate</strong></span>
                <span class="span2"><strong>@Resources.AnnualRate</strong></span>
         </div>
         <div class="row">
               <div class="span3">
                 <select data-bind="value: employmentTypeProfile">
                        <option value="0"></option>
                        <option value="1">@Resources.Permanent</option>
                        <option value="2">@Resources.Freelancer</option>
                 </select>
               </div>
               <div class="span2">
                 <div class="input-prepend input-append well form-inline" style="margin-left: 0px; margin-right: 0px">
                          <select class="input-small" data-bind="value: hourRateProfile">
                          <option value="0"></option>
                          <option value="1">10-20</option>
                          <option value="2">20-30</option>
                          </select>
                          <span class="add-on">€</span>
                 </div>
               </div>
                <div class="span2">
                 <div class="input-prepend input-append well form-inline" style="margin-left: 0px; margin-right: 0px">
                          <select class="input-small" data-bind="value: dailyRateProfile">
                          <option value="0"></option>
                          <option value="1">100-200</option>
                          <option value="2">200-300</option>
                          </select>
                          <span class="add-on">€</span>
                 </div>
               </div>
                <div class="span2">
                 <div class="input-prepend input-append well form-inline" style="margin-left: 0px; margin-right: 0px">
                          <select style="width: 100px" data-bind="value: annualRateProfile">
                          <option value="0"></option>
                          <option value="1">1000-2000</option>
                          <option value="2">2000-3000</option>
                          </select>
                          <span class="add-on">€</span>
                 </div>
               </div>
         </div>
          <div class="row">
                <span class="span2"><strong>Selected Education</strong></span>
         </div>
         <div class="row">
              <div class="span2">
               <ul data-bind="foreach:educationsProfile" style="list-style-type: none;margin-left: 28px">
                    <li class="row">
                        <span data-bind="text: Description"></span>
                        <button class="btn btn-mini btn-inverse" data-bind="click: function() { $root.profile.removeSearchEducation($data); }"><i class="icon-minus icon-white"></i></button>
                    </li>
                </ul>
             </div>
         </div>
         <div class="row">
                <span class="span2"><strong>Available Education</strong></span>
         </div>
         <div class="row">
              <div class="span2">
               <ul data-bind="foreach:availableEducations" style="list-style-type: none;margin-left: 28px">
                    <li class="row">
                        <input type="checkbox"/>
                        <span data-bind="text: Description"></span>
                         <button class="btn btn-mini btn-inverse" data-bind="click: function() { $root.profile.addSearchEducation($data); }"><i class="icon-plus icon-white"></i></button>
                    </li>
                </ul>
                </div>
         </div>
    </div>
    <div class="modal-footer">
    <div class="row" align="left">
    <input id="allCriteriums" type="radio" name="advancedSearch" style="margin-left:28px"/>
    <span>@Resources.MatchAll</span>
    <input  id="someCriteriums" type="radio" name="advancedSearch" style="margin-left:28px"/>
    <span>@Resources.MatchSome</span>
    </div>
        <a href="#" class="btn btn-success" data-bind="click: function() { $root.profile.advancedSearch(); }"><i class="icon-search icon-white"></i><strong>@Resources.Search</strong></a>
        <a href="#" class="btn" data-bind="click: function() { $root.profile.cancelSearch(); }"><strong>@Resources.Cancel</strong></a>
    </div>
</div>